// 帧动画1
@keyframes animation1 {
    from {
        top: 150px;
        opacity: 0.5;
    }
    to {
        top: 100px;
        opacity: 1;
    }
}
@-moz-keyframes animation1 {
    from {
        top: 150px;
        opacity: 0.5;
    }
    to {
        top: 100px;
        opacity: 1;
    }
}
@-ms-keyframes animation1 {
    from {
        top: 150px;
        opacity: 0.5;
    }
    to {
        top: 100px;
        opacity: 1;
    }
}
@-webkit-keyframes animation1 {
    from {
        top: 150px;
        opacity: 0.5;
    }
    to {
        top: 100px;
        opacity: 1;
    }
}

// 帧动画2
@keyframes animation2 {
    from {
        bottom: -100px;
    }
    to {
        bottom: 0.8rem;
    }
}
@-moz-keyframes animation2 {
    from {
        bottom: -100px;
    }
    to {
        bottom: 0.8rem;
    }
}
@-ms-keyframes animation2 {
    from {
        bottom: -100px;
    }
    to {
        bottom: 0.8rem;
    }
}
@-webkit-keyframes animation2 {
    from {
        bottom: -100px;
    }
    to {
        bottom: 0.8rem;
    }
}

// 帧动画3
@keyframes animation3 {
    from {
        bottom: -40px;
    }
    to {
        bottom: 20px;
    }
}
@-moz-keyframes animation3 {
    from {
        bottom: -40px;
    }
    to {
        bottom: 20px;
    }
}
@-ms-keyframes animation3 {
    from {
        bottom: -40px;
    }
    to {
        bottom: 20px;
    }
}
@-webkit-keyframes animation3 {
    from {
        bottom: -40px;
    }
    to {
        bottom: 20px;
    }
}

// 帧动画4
@keyframes animation4 {
    from {
        bottom: -7.26rem;
    }
    to {
        bottom: 0
    }
}
@-moz-keyframes animation4 {
    from {
        bottom: -7.26rem;
    }
    to {
        bottom: 0
    }
}
@-ms-keyframes animation4 {
    from {
        bottom: -7.26rem;
    }
    to {
        bottom: 0
    }
}
@-webkit-keyframes animation4 {
    from {
        bottom: -7.26rem;
    }
    to {
        bottom: 0
    }
}

// 帧动画5
@keyframes animation5 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-moz-keyframes animation5 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-ms-keyframes animation5 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes animation5 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

// 帧动画6
@keyframes animation6 {
    0% {
        opacity: 0.1;
        transform: scale(0.9);
    }
    50% {
        opacity: 1;
        transform: scale(1);
    }
    100% {
        opacity: 0.1;
        transform: scale(0.9);
    }
}
@-moz-keyframes animation6 {
    0% {
        opacity: 0.1;
        transform: scale(0.9);
    }
    50% {
        opacity: 1;
        transform: scale(1);
    }
    100% {
        opacity: 0.1;
        transform: scale(0.9);
    }
}
@-ms-keyframes animation6 {
    0% {
        opacity: 0.1;
        transform: scale(0.9);
    }
    50% {
        opacity: 1;
        transform: scale(1);
    }
    100% {
        opacity: 0.1;
        transform: scale(0.9);
    }
}
@-webkit-keyframes animation6 {
    0% {
        opacity: 0.1;
        transform: scale(0.9);
    }
    50% {
        opacity: 1;
        transform: scale(1);
    }
    100% {
        opacity: 0.1;
        transform: scale(0.9);
    }
}

// 帧动画7
@keyframes animation7 {
    0% {
        top: -1.2rem;
    }
    50% {
        top: -1rem;
    }
    100% {
        top: -1.2rem;
    }
}
@-moz-keyframes animation7 {
    0% {
        top: -1.2rem;
    }
    50% {
        top: -1rem;
    }
    100% {
        top: -1.2rem;
    }
}
@-ms-keyframes animation7 {
    0% {
        top: -1.2rem;
    }
    50% {
        top: -1rem;
    }
    100% {
        top: -1.2rem;
    }
}
@-webkit-keyframes animation7 {
    0% {
        top: -1.2rem;
    }
    50% {
        top: -1rem;
    }
    100% {
        top: -1.2rem;
    }
}

// 帧动画8
@keyframes animation8 {
    0% {
        opacity: 0.1;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0.1;
    }
}
@-moz-keyframes animation8 {
    0% {
        opacity: 0.1;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0.1;
    }
}
@-ms-keyframes animation8 {
    0% {
        opacity: 0.1;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0.1;
    }
}
@-webkit-keyframes animation8 {
    0% {
        opacity: 0.1;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0.1;
    }
}

// 帧动画9
@keyframes animation9 {
    0% {
        top: 1.5rem;
    }
    50% {
        top: 1.7rem;
    }
    100% {
        top: 1.5rem;
    }
}
@-moz-keyframes animation9 {
    0% {
        top: 1.5rem;
    }
    50% {
        top: 1.7rem;
    }
    100% {
        top: 1.5rem;
    }
}
@-ms-keyframes animation9 {
    0% {
        top: 1.5rem;
    }
    50% {
        top: 1.7rem;
    }
    100% {
        top: 1.5rem;
    }
}
@-webkit-keyframes animation9 {
    0% {
        top: 1.5rem;
    }
    50% {
        top: 1.7rem;
    }
    100% {
        top: 1.5rem;
    }
}

// 帧动画10
@keyframes animation10 {
    0% {
        top: 0;
    }
    50% {
        top: -0.1rem;
    }
    100% {
        top: 0;
    }
}
@-moz-keyframes animation10 {
    0% {
        top: 0;
    }
    50% {
        top: -0.1rem;
    }
    100% {
        top: 0;
    }
}
@-ms-keyframes animation10 {
    0% {
        top: 0;
    }
    50% {
        top: -0.1rem;
    }
    100% {
        top: 0;
    }
}
@-webkit-keyframes animation10 {
    0% {
        top: 0;
    }
    50% {
        top: -0.1rem;
    }
    100% {
        top: 0;
    }
}

// 帧动画11
@keyframes animation11 {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1);
    }
}
@-moz-keyframes animation11 {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1);
    }
}
@-ms-keyframes animation11 {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1);
    }
}
@-webkit-keyframes animation11 {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1);
    }
}


// 帧动画12
@keyframes animation12 {
    from {
        top: -10rem;
    }
    to {
        top: 50%;
    }
}
@-moz-keyframes animation12 {
    from {
        top: -10rem;
    }
    to {
        top: 50%;
    }
}
@-ms-keyframes animation12 {
    from {
        top: -10rem;
    }
    to {
        top: 50%;
    }
}
@-webkit-keyframes animation12 {
    from {
        top: -10rem;
    }
    to {
        top: 50%;
    }
}

